<style lang="">
    li{
        float:left;
    }
    ul{
        overflow:hidden;
    }
    .add{
        float:right;
    }
</style>
<template>
     <div>
     
     <ul class="nav nav-pills">	
		<router-link to="/phone" tag="li" active-class="active" exact><a><Button>手机</Button></a></router-link>
		<router-link to="/book" tag="li" active-class="active"><a><Button>图书</Button></a></router-link>
		<router-link to="/clothes" tag="li" active-class="active"><a><Button>衣服</Button></a></router-link>
        <router-link to="/add" tag="li" active-class="active"><Button class="add">添加商品</Button></router-link>
        <router-link to="/all" tag="li" active-class="active"><Button class="add">显示全部</Button></router-link>
    </ul>
    <router-view></router-view>
    </div>
</template>